<template>
  <nav>nav导航</nav>
  <header><h2>头部</h2></header>
  <!-- <router-view /> -->
  <div class="main">
    <router-view />
  </div>
  <footer><h4>脚部组件</h4></footer>
</template>

<script>
export default {
  name: 'Layout'
}
</script>

<style scoped lang="less">
.main {
  .hoverShadow();
  color: @theme;
  width: 100vw;
  height: 100px;
}
</style>
